﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>assetspecs</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <script src="/Scripts/jquery-1.8.1.js"></script>
    <script src="/Highcharts/js/highcharts.js"></script>
    <link href="/pages/assetspecs/assetspecs.css" rel="stylesheet" />
    <script src="/pages/assetspecs/assetspecs.js"></script>
</head>
<body>
    <div class="assetspecs fragment">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Asset Specifics</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div id="statistics">
                <h2>Asset Statisics</h2>
                 <hr />
                <div id="leftCol">
                    <h3>Rates of Return</h3>
                    <label for="dailyrate">Daily: </label>
                    <span id="dailyrate"></span>
                    <br />
                    <label for="annualrate">Annual: </label>
                    <span id="annualrate"></span>
                    <br />
                    <br />
                    <h3>Standard Deviation</h3>
                    <label for="dailystdev">Daily: </label>
                    <span id="dailystdev"></span>
                    <br />
                    <label for="annualstdev">Annual: </label>
                    <span id="annualstdev"></span>
                </div>
                <div id="rightCol">
                    <h3>Historical Correlation</h3>
                    <label for="correlation">Daily: </label>
                    <span id="correlation"></span>
                    <br />
                    <br />
                    <h3>Beta Risk Parameter</h3>
                    <label for="betarisk">Daily: </label>
                    <span id="betarisk"></span>
                    <br />
                    <br />
                    <h3>Sharpe Ratio</h3>
                    <label for="sharperatio">Annual: </label>
                    <span id="sharperatio"></span>
                </div>
            </div>
            <div id="chart">
                <h2>Asset Prices</h2>
                <hr />
                <br />
                <div id="container"></div>
            </div>
        </section>
    </div>
</body>
</html>
